import React, { Component } from 'react';
import {
  MyStyudyWrap
} from './StyledMine'

import books from '../../../assets/images/mine/books2x.png'
import up from '../../../assets/images/mine/up2x.png'
import help from '../../../assets/images/mine/help2x.png'
import publish from '../../../assets/images/mine/publish2x.png'

export default class MyStyudy extends Component {
  render() {
    return (
      <MyStyudyWrap>
      <div> 
        <h1>学习</h1>
        <div>
          <ul>
            <li>
              <div className='text'>
                <h1>我的书单</h1>
                <p>分享给学生</p>
                </div>
              <div className='ico'>
                <span><img src={`${books}`} alt=""/></span>
              </div>
              </li>
            <li>
              <div className='text'>
                <h1>基本上传</h1>
                <p>上传解析</p>
                </div>
              <div className='ico'>
                <span><img src={`${up}`} alt=""/></span>
              </div>
              </li>
            <li>
              <div className='text'>
                <h1>我的求助</h1>
                <p>查看新回复</p>
                </div>
              <div className='ico'>
                <span><img src={`${help}`} alt=""/></span>
              </div>
              </li>
            <li>
              <div className='text'>
                <h1>每日发布</h1>
                <p>每日更新</p>
                </div>
              <div className='ico'>
                <span><img src={`${publish}`} alt=""/></span>
              </div>
              </li>
          </ul>
        </div>
      </div>
      </MyStyudyWrap>
    );
  }
}
